<!DOCTYPE HTML>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
	<script src="../js/echarts.min.js"></script>
	<script src="../js/utils/jquery-1.11.1.min.js"></script>
	<link rel="stylesheet" href="../css/currency/bootstrap.css" />
	<link href="../css/H-ui.min.css" rel="stylesheet" type="text/css" />
	<link href="../css/H-ui.admin.css" rel="stylesheet" type="text/css" />
	<link href="../css/style.css" rel="stylesheet" type="text/css" />
	<link href="../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="../css/recipe.css" />
	<style>.exp{ float:left; width:300px;}</style>
	<title>位置管理</title>
	</head>

	<body>
	<nav class="breadcrumb" style="margin-bottom:0px"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 基础功能 <span class="c-gray en">&gt;</span>设备截屏与外部照片
		<a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
	</nav>
    <div class="pd-20" id="postion">
        <div class="text-c" id="postionList">
            <form search-form>
                <!-- TODO 根据业务需要修改搜索内容-->
				<span class="select-box" style="width:150px;">
                    <select id="pictureType" class="select" v-model="condition.pictureType">
                        <option value="">-请选图片类型-</option>
                        <option value="2">设备截屏</option>
						<option value="3">环境照片</option>
                    </select>
                </span>
				<input id="hiddenText" type="text" style="display:none" class="input-text">
				<input type="text" v-model="condition.startDate" id="startDate-d" name="startDate"
					   @focus="changeTime('startDate-d')"
					   onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
					   class="input-text Wdate" style="width:140px;" placeholder="获取日期开始">-
				<input type="text" v-model="condition.overDate" id="overDate-d" name="overDate"
					   @focus="changeTime('overDate-d')"
					   onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
					   class="input-text Wdate" style="width:140px;" placeholder="获取日期结束">

                <div id="selectBtnEnter" class="btn btn-primary" v-on:click="getList('search')">查询</div>
            </form>
	        <div class="cl pd-5 bg-1 bk-gray mt-20">
	            <span style="text-align: center;font-size:25px" class="center-block" v-cloak>
	            	设备截屏与外部照片明细
                </span>
				<span style="text-align: right;font-size:15px" class="center-block" v-cloak>
					设备编号：{{equipmentCode}}
	            </span>
	        </div>
	        <form>
				<table class="table table-border table-bordered table-bg">
					<tbody v-cloak >
					<tr class="text-c" v-for="(item,index) in pageInfo1">
							<td nowrap="nowrap" style="font-size:20px;">标准外部环境照片</td>
						<td nowrap="nowrap">
								<span v-if="item.environmentPhoto!=null">
									<a :href="item.environmentPhoto" target="view_window">
										<img style="width: 300px;height: 400px;" :src="item.environmentPhoto">
									</a>
								</span>
						</td>
							<td nowrap="nowrap" style="font-size:20px;">标准截屏照片</td>
						<td nowrap="nowrap">
								<span v-if="item.screenshotsPhoto!=null">
									<a :href="item.screenshotsPhoto" target="view_window">
										<img style="width: 300px;height: 400px;" :src="item.screenshotsPhoto">
									</a>
								</span>
						</td>
					</tr>
					</tbody>
				</table>
			</form>
			<div class="cl pd-5 bg-1 bk-gray mt-20">
	            <span style="text-align: center;font-size:25px" class="center-block" v-cloak>
	            	照片记录
                </span>
			</div>
			<form>
				<table class="table table-border table-bordered table-bg">
					<thead>
					<tr class="text-c">
						<th nowrap="nowrap">设备编号</th>
						<th nowrap="nowrap">图片类型</th>
						<th nowrap="nowrap">获取时间</th>
						<th nowrap="nowrap">图片</th>
					</tr>
					</thead>
					<tbody>
					<tr class="text-c" v-for="(item,index) in pageInfo.list">
						<td nowrap="nowrap">{{item.equipmentCode}}</td>
						<td nowrap="nowrap">
							<span v-if="item.pictureType==2">设备截屏</span>
							<span v-if="item.pictureType==3">环境图片</span>
						</td>
						<td nowrap="nowrap">{{item.createdTime}}</td>
						<td nowrap="nowrap">
								<span v-if="item.pictureUrl!=null">
									<a :href="item.pictureUrl" target="view_window">
										<img style="width: 60px;height: 80px;" :src="item.pictureUrl">
									</a>
								</span>
						</td>
					</tr>
					</tbody>
				</table>
			</form>
	        <div class="pageBox" v-cloak id="pageBox" >
	        	<div class="pageInfo">显示 <span id="startRow">{{pageInfo.startRow}}</span> 到 <span id="endRow">{{pageInfo.endRow}}条</span>&nbsp;&nbsp;&nbsp;&nbsp;{{pageInfo.pages}}页&nbsp;&nbsp;&nbsp;&nbsp;共 <span id="total">{{pageInfo.total}}</span> 条
	                <select v-model="selectedPageSize" v-on:change="getList('changePageSize')">
						<option value="5">5</option>
	                    <option value="10">10</option>
	                    <option value="15">15</option>
	                    <option value="20">20</option>
	                    <option value="50">50</option>
	                </select>
	             </div>
	        	<ul class="pagination" id="pagination"></ul>
	        </div>
	        <div class="tips"  id="noData" align="center" style="display: none">
	        	无数据
	        </div>
        </div>
    </div>
	</body>

</html>
<script type="text/javascript" src="../js/common/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../lib/layer/1.9.3/layer.js" ></script>
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="../lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="../lib/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="../lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="../js/common/H-ui.js"></script>
<script type="text/javascript" src="../js/common/H-ui.admin.js"></script>
<script type="text/javascript" src="../js/utils/utils.js"></script>
<script type="text/javascript" src="../js/currency/vue.js"></script>
<script type="text/javascript" src="../js/currency/vue-resource.min.js"></script>
<script type="text/javascript" src="../js/currency/base.js"></script>
<script type="text/javascript" src="../js/currency/jqPaginator.js"></script>
<script type="text/javascript" src="../js/equipmentPictureDetail.js"></script>
